<!DOCTYPE html xmlns:svg="http://www.w3.org/2000/svg"
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="overflow: visible;">
<meta charset="utf-8">

<head>
  <!-- jQuery -->
  <script src="https://static.clinfo.cn/common/vue2unkpg/jQuery@3.6.0.js"></script>
  <!-- vue -->
  <script src="https://static.clinfo.cn/common/vue2unkpg/vue@2.6.14.js"></script>

  <!-- element -->
  <script src="https://static.clinfo.cn/common/vue2unkpg/element-ui@2.15.9.js"></script>
  <link rel="stylesheet" media="screen" href="https://static.clinfo.cn/common/vue2unkpg/element-ui@2.15.9.css">
  </link>

  <style>
    .index-loading {
      position: absolute;
      background-color: #373737;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }

    .index-loading-box {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    .cl-pl {

      display: block;
      width: 6.25em;
      height: 6.25em;
      margin: 0 auto;
    }

    .cl-pl .pl__ring,
    .cl-pl .pl__ball {
      animation: ring 2s ease-out infinite;
    }

    .cl-pl .pl__ball {
      animation-name: ball;
    }

    /* Animation */
    @keyframes ring {
      from {
        stroke-dasharray: 0 257 0 0 1 0 0 258;
      }

      25% {
        stroke-dasharray: 0 0 0 0 257 0 258 0;
      }

      50%,
      to {
        stroke-dasharray: 0 0 0 0 0 515 0 0;
      }
    }

    @keyframes ball {

      from,
      50% {
        animation-timing-function: ease-in;
        stroke-dashoffset: 1;
      }

      64% {
        animation-timing-function: ease-in;
        stroke-dashoffset: -109;
      }

      78% {
        animation-timing-function: ease-in;
        stroke-dashoffset: -145;
      }

      92% {
        animation-timing-function: ease-in;
        stroke-dashoffset: -157;
      }

      57%,
      71%,
      85%,
      99%,
      to {
        animation-timing-function: ease-out;
        stroke-dashoffset: -163;
      }
    }
  </style>


  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">

  <meta name="color-scheme" content="light">
  <link rel="icon" href="favicon.ico">

  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>

</head>

<body style="margin: 0;min-width: 900px;overflow: hidden;min-height: 100vh;">
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>

  <div id="app">
    <div class="index-loading">
      <div class="index-loading-box">
        <svg class="cl-pl" viewBox="0 0 200 200" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
          <defs>
            <linearGradient id="pl-grad1" x1="1" y1="0.5" x2="0" y2="0.5">
              <stop offset="0%" stop-color="hsl(313,90%,55%)" />
              <stop offset="100%" stop-color="hsl(223,90%,55%)" />
            </linearGradient>
            <linearGradient id="pl-grad2" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="hsl(313,90%,55%)" />
              <stop offset="100%" stop-color="hsl(223,90%,55%)" />
            </linearGradient>
          </defs>
          <circle class="pl__ring" cx="100" cy="100" r="82" fill="none" stroke="url(#pl-grad1)" stroke-width="36"
            stroke-dasharray="0 257 1 257" stroke-dashoffset="0.01" stroke-linecap="round"
            transform="rotate(-90,100,100)" />
          <line class="pl__ball" stroke="url(#pl-grad2)" x1="100" y1="18" x2="100.01" y2="182" stroke-width="36"
            stroke-dasharray="1 165" stroke-linecap="round" />
        </svg>
        <div style='font-size: 16px;color:#fff;margin-top:10px'>页面玩命加载中...</div>
      </div>
    </div>
  </div>


</body>

</html>